<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 移入公共样式表 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入插件样式 -->
    <link rel="stylesheet" href="./css/slider.css">
    <!-- 引入当前样式表 -->
    <link rel="stylesheet" href="./css/ShoppingCart.css">
</head>
<body>
    <!-- 1、头部开始 -->
    <div id="header">
        <!-- 顶部 -->
        <div class="top bgc10 ce6">
            <!-- 版心 -->
            <div class="container ti210">
                <!-- 左边 -->
                legochina.cn
                <!-- 右边 -->
                <div class="fr">
                    欢迎光临<span class="cf60">乐购</span>，请<a href="#">登录</a>\<a href="#" class="cf60">注册</a>
                </div>
            </div>
        </div>
        <!-- 菜单 -->
        <div class="container rel">
            <!-- logo -->
            <a href="./index.html"><img src="./imgs/logo.jpg" alt="" class="abs logo"></a>
                <!-- 搜索框 -->
                <form action="#" class="search fr clearfix mt5 abs">
                    <input type="text" class="txt fl" placeholder="创意文具">
                    <input type="button" value="" class="btn fl">
                </form>
                <div class="abs Distribution fs14">
                    <p>配送至
                        <select name="" id="">
                            <option value="" class="dib">成都高新区三环内</option>
                        </select>
                    </p>
                </div>
        </div>

        </div>
    </div>
<!-- 购物车 -->
    <!-- 表头 -->
    <div id="Header" class="container"><p>填写并核对订单信息</p></div>
    <!-- 表格 -->
<div class="container">
    <table id="shopCar" class="tcenter">
        <thead>
            <tr>
                <th width="100"><input type="checkbox" class="allSelect">全选</th>
                <th width="600">商品</th>
                <th width="200">单价</th>
                <th width="100">数量</th>
                <th width="100">小计</th>
                <th width="100">操作</th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td><input type="checkbox" class="singleSelect"></td>
                <td>
                    <img src="./imgs/index08_05.jpg" alt="">从你的全世界路过
                </td>
                <td class="sPrice">41.00</td>
                <td>
                    <span class="addNum fl">+</span><input type="text" value="1" class="txt fl"><span
                        class="reduceNum fl">-</span>
                </td>
                <td class="price">41.00</td>
                <td>
                    <a href="#">删除</a><br>
                    <a href="#">移到我的关注</a>
                </td>
            </tr>
            <tr>
                <td><input type="checkbox" class="singleSelect"></td>
                <td>
                    <img src="./imgs/index08_05.jpg" alt="">从你的全世界路过
                </td>
                <td class="sPrice">41.00</td>
                <td>
                    <span class="addNum fl">+</span><input type="text" value="1" class="txt fl"><span
                        class="reduceNum fl">-</span>
                </td>
                <td class="price">41.00</td>
                <td>
                    <a href="#">删除</a><br>
                    <a href="#">移到我的关注</a>
                </td>
            </tr>
            <tr>
                <td><input type="checkbox" class="singleSelect"></td>
                <td>
                    <img src="./imgs/index08_05.jpg" alt="">从你的全世界路过
                </td>
                <td class="sPrice">41.00</td>
                <td>
                    <span class="addNum fl">+</span><input type="text" value="1" class="txt fl"><span
                        class="reduceNum fl">-</span>
                </td>
                <td class="price">41.00</td>
                <td>
                    <a href="#">删除</a><br>
                    <a href="#">移到我的关注</a>
                </td>
            </tr>
        </tbody>
    
        <tfoot>
            <tr>
                <td><input type="checkbox" class="allSelect">全选</td>
                <td colspan="2"><a href="#">删除选中商品</a></td>
                <td>已选择  <span class="allNum fs16 cf60">1</span>   件商品</td>
                <td>总价 <span class="allPrice">41.00</span></td>
                <td>
                    <a href="./checkstand.html"><input type="button" value="去结算" class="jiesuan"></a>
                </td>
            </tr>
        </tfoot>
    </table>
</div>










    <!-- 猜你喜欢 -->
    <div id="enjoy" class="container mt40 ">
        <!-- 标题 -->
        <div class="title clearfix mt20">
         <h2 class="fs24 c3 fnormal fl dib">猜你喜欢</h2>
         </div>
        <!-- 内容 -->
        <div class="enjoyBox mauto">
            <!-- 内容 -->
            <div class="contentList">
                <script>
                    for (let i = 0; i < 5; i++) {
                        document.write(`
                        <div class="items fl mg736">
                                    <div class="tcenter">
                                    <img src="./imgs/22790777-1_l_1.jpg" alt="">
                                    </div>
                                    <img src="./imgs/limitTime.jpg" alt="">
                                    <h4 class="ti10 lh10">白夜行  东野上吾</h4>
                                    <p class="ti10 c80">中国邮电出版社</p>
                                    <div class="ti10 cf60 fs18">
                                        &yen;:38&emsp;
                                        <del class="cccc">&yen;:58</del>
                                    </div>
                                </div>
                        `)
                    }
                </script>

            </div>
    </div>
    <!-- 分割线 -->
    <div id="enjoyBorder"></div>
    </div>


    <!-- 广告 -->
    <div class="container"><img src="./imgs/advertisement.jpg" alt=""></div>



        <!-- 下边线 -->
    <div class="xiabianxian"></div>

    <!-- 10.页脚 -->
    <!-- 四个图标 -->
    <div id="footer">
        <div class="footerTop">
            <ul class="container">
                <li><a href="#"><img src="./imgs/222_11.png" alt=""></a></li>
                <li><a href="#"><img src="./imgs/222_13.png" alt=""></a></li>
                <li><a href="#"><img src="./imgs/222_15.png" alt=""></a></li>
                <li><a href="#"><img src="./imgs/222_17.png" alt=""></a></li>
            </ul>
        </div>
    <!-- 页脚列表 -->
        <div class="footerList container">
            <!-- 页脚第一排列表盒子 -->
            <div class="footerListBox">
                <ul class="container">
                    <script>
                        for (let i = 0; i < 5; i++) {
                            document.write(`
                            <li class="footerListText dib fl"><a href="#">购物指南</a></li>
                            `) 
                        }
                    </script>
                </ul>
            </div>
            <!-- 页脚第二排列表盒子 -->
            <div class="footerListBox2">
                <ul class="container Boxtwo">
                    <script>
                        for (let i = 0; i < 19; i++) {
                            document.write(`
                            <li class="footerListText2 dib fl"><a href="#">退换货政策</a></li>
                            `)
                        }
                    </script>
                    <li class="footerLogo">
                        <div>
                            <img src="./imgs/logo_00.png" alt="">
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 最后两排 -->
        <div class="footerBottom container">
            <p class="dib mg42 lh32 tcenter">公司简介  |  Investor Relations  |  网站联盟  |  乐购招商  |  机构销售  |  手机乐购  |  官方Blog   |  热词搜索<br>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>

    <!--轮播结束-->
    <script src="./lib/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <!--插件库-->
            <script src="./lib/slider.js" type="text/javascript" charset="utf-8"></script>
            <script src="./js/ShoppingCart.js"></script>
</body>
</html>